<template>
  <div class="index-div">
    <div style="padding-left: 5px">
      <p style="color:#696E78;">请您仔细阅读隐私声明及下方的《隐私政策》</p>
    </div>
    <div class="statement">
      <div style="text-indent: 2.1rem; line-height: 160%;font-size: 15px;">
        <p>您好，受【<span class="red">成都天启数科网络安全技术有限公司</span>】委托，按照适用相关法律、法规，包括中华人民共和国关于个人信息安全的相关规定和相关标准，对有关您的个人信息依法进行相关处理（
          <span class="red">包括不限于整理 、收集、加工 、提供 、转让、使用、存储、传输、共享及披露）等，并可用于其他合法用途。</span>
        </p>
        <p>对于您所提供的个人信息，我们会使用合理的技术手段、必要的管理制度以防止他人未经授权查阅、修改、披露、传播使用或销毁。</p>
        <p>同时，本人授权安则悟信息科技有限公司基于约定用途，有权通过合法存有本人信息的机构收集本人的信息，并可进行相关处理以及其他合法用途（<span
          class="red">包括但不限于包括不限于整理 、收集、加工 、提供 、转让、使用、存储、传输、共享及披露</span>）等；
        </p>
        <p>无论任何原因，如果我们在对您的背调风控过程中发现您所提供的任何信息存在虚假或不一致，可能会影响您的背调风控结果，因此请务必提供真实信息。</p>
        <p>根据委托方要求以及您的授权，我们将在一定期限内保存您的个人信息以及背调风控信息，并在保存期限到期日立即删除。为避免影响您的业务或背调风控开展，请您在24小时内完成授权，如有任何疑问和建议，请及时与我们联系。</p>
      </div>
    </div>
    <div style="padding: 10px 0px 0px 15px;">
      <input id="o1" type="checkbox" v-model="choose">
      <label for="o1">
        我已阅读
        <span style="line-height: 20px; color: rgb(26, 140, 254);">《隐私政策》</span>
      </label>
    </div>

    <div style="padding: 10px">
      <el-button style="color: white; background: rgb(26, 140, 254); border-color: rgb(26, 140, 254); width: 100%;"
                 @click="sub()">
        已阅隐私声明，下一步
      </el-button>
    </div>
  </div>
</template>

<script>
  import {checkAuth} from "../api/system/beiDiao";
  import {Loading} from "element-ui";

  export default {
    name: "elecAuth",
    data() {
      return {
        choose: null
      }
    },
    created() {
      let query = this.$route.query
      if (query.ui && query.ac) {
        checkAuth(query).then(res => {
          if (res.code != 200) {
            Loading.service({
              text: "授权链接无效",
              spinner: "el-icon-error",
              background: "rgba(0, 0, 0, 0.7)",
            })
          }
        })
      } else {
        Loading.service({
          text: "授权链接异常",
          spinner: "el-icon-error",
          background: "rgba(0, 0, 0, 0.7)",
        })
      }
    },
    methods: {
      sub() {
        if (this.choose) {
          this.$router.push({path: '/infoEnter', query: this.$route.query})
        } else {
          this.$modal.msgWarning('请阅读勾选《隐私政策》！')
        }
      }
    }
  }
</script>

<style scoped>
  p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
  }

  .index-div {
    background-size: cover;
    background-position: center;
    width: 100vw;
    height: 100vh;
    padding: 8px;
  }

  .statement {
    border-radius: 15px;
    background-color: #fff;
    padding: 5px;
    height: calc(100vh - 200px);
    overflow: auto;
  }
</style>
